.root {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.head {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  background-color: #0085d0;
  height: 8vh;
  min-height: 8vh;
}

.avatar {
  margin-right: 10px;
}

.time {
  align-items: center;
  color: aliceblue;
  width: 100%;
  display: flex;
  justify-content: center;
}

.time1 {
  font-size: 21px;
  font-weight: bold;
}

.time2 {
  margin-left: 5px;
  font-weight: bold;
}

.content {
  background-color: aquamarine;
  flex: 1;
}

.box1 {
  margin-top: 5px;
  display: flex;
  justify-content: center;
  background: #00a0e9;
}